<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<fmt:bundle
	basename="br.com.universidade.castelo.branco.resources.ApplicationResources"
	prefix="">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	
<script type="text/javascript">

function chamaExcluirQuestionario(id_questionario){
$(function() {
    $( "#dialog-confirmaExclusao" ).dialog({
      resizable: false,
      height:140,
      modal: true,
      buttons: {
        "OK": function() {
        	$( this ).dialog( "close" );
        	excluirQuestionario(id_questionario);
        },
        "Cancelar": function() {
          $( this ).dialog( "close" );
        }
      }
    });
  });
}  
  
function excluirQuestionario(id_questionario){
		$.ajax({	
	        type: 'POST',  
	        url: 'excluirQuestionario?id_questionario=' + id_questionario,  
	        success: function() {
	        	questionarioExcluido();
	        }
	    });
}

function questionarioExcluido(){
	window.location.href='questionarioExcluido';
}


function chamaExcluirQuestaoQuestionario(id_relacionamento){
	$(function() {
	    $( "#dialog-confirmaExclusaoQuestao" ).dialog({
	      resizable: false,
	      height:140,
	      modal: true,
	      buttons: {
	        "OK": function() {
	        	$( this ).dialog( "close" );
	        	excluirQuestaoQuestionario(id_relacionamento);
	        },
	        "Cancelar": function() {
	          $( this ).dialog( "close" );
	        }
	      }
	    });
	  });
	}  
	  
	function excluirQuestaoQuestionario(id_relacionamento){
			$.ajax({	
		        type: 'POST',  
		        url: 'excluirQuestaoQuestionario?id_relacionamento=' + id_relacionamento,  
		        success: function() {
		        	questaoQuestionarioExcluido();
		        }
		    });
	}

	function questaoQuestionarioExcluido(){
		window.location.href='questaoQuestionarioExcluido';
	}
</script>
</head>

	<body>
		<jsp:include page="/WEB-INF/views/pesquisadesatisfacao/menu.jsp"
			flush="true"></jsp:include>

		<img src="resources/imagens/pixel_transparente.gif" height="5%"
			width="10%">
			
			<div align="center">
			
		

		<fieldset id="fieldsetConsulta">

			<legend id="alinhamentoFormConsulta">
				<h3>
					<fmt:message key="consulta.modulo.questionario.titulo"></fmt:message>
				</h3>
			</legend>
			
			<br />
			
			<c:forEach items="${questionarios}" var="questionario">
			
			<fieldset id="fieldsetConsulta">

			<table class=linhasAlternadas align="center">

				<tr>
					<th><fmt:message key="consulta.modulo.questionario.campo.titulo"></fmt:message></th>
					<th ><fmt:message key="consulta.modulo.questionario.campo.alterar"></fmt:message></th>
					<th ><fmt:message key="consulta.modulo.questionario.campo.excluir.questionario"></fmt:message></th>
				</tr>
				
				<tr>
					<td>${questionario.titulo}</td>
					<td align="center" ><a href="exibeTituloQuestionario?id_questionario=${questionario.id_questionario} "><div class=imgAlterar></div></a></td>
					<td align="center" ><a href="javascript:void(0)" onclick="chamaExcluirQuestionario(${questionario.id_questionario})" ><div class=imgExcluir></div></a></td>
				</tr>
				
			</table>
				
				<br />	
				
				<table class=linhasAlternadas align="center">
				
				<tr>
					<th><fmt:message key="consulta.modulo.questionario.campo.pergunta"></fmt:message></th>
					<th><fmt:message key="consulta.modulo.questionario.campo.modelo.resposta"></fmt:message></th>
					<th><fmt:message key="consulta.modulo.questionario.campo.ordem.pergunta"></fmt:message></th>
					<th><fmt:message key="consulta.modulo.questionario.campo.alterar"></fmt:message></th>
					<th><fmt:message key="consulta.modulo.questionario.campo.excluir"></fmt:message></th>
				
				</tr>

				<div>

					<c:forEach items="${questionario.relacionamento}" var="relacionamentos">

						<tr>
							
								<td>${relacionamentos.pergunta.descricao}</td>
								<td>${relacionamentos.modeloResposta.descricao}</td>
								<td>${relacionamentos.ordemPergunta}</td>
								<td align="center"><a href="exibeQuestionario?id_questionario=${relacionamentos.questionario.id_questionario}&id_pergunta=${relacionamentos.pergunta.id_pergunta}&id_modelo_resposta=${relacionamentos.modeloResposta.id_modelo_resposta}&ordemPergunta=${relacionamentos.ordemPergunta}&id_relacionamento=${relacionamentos.id_relacionamento}  "><div class=imgAlterar></div></a></td>
								<td align="center"><a href="javascript:void(0)" onclick="chamaExcluirQuestaoQuestionario(${relacionamentos.id_relacionamento})" ><div class=imgExcluir></div></a></td>
							</tr>
						</c:forEach>
				</div>					
				</table>
				
			<br />
			<br />
			<br />
			</fieldset>
			<br />
			<br />
			<br />
			</c:forEach>
		</fieldset>
		<table>
				<tr> 
					<td>  <div id="dialog-confirmaExclusao" title="Excluir" style="display: none;">
						<p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 1px 0;"></span><fmt:message key="pds.excluir.questionario"></fmt:message></p>
					</div>
					</td> 
				</tr> 
		</table>
		<table>
				<tr> 
					<td>  <div id="dialog-confirmaExclusaoQuestao" title="Excluir" style="display: none;">
						<p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 1px 0;"></span><fmt:message key="pds.excluir"></fmt:message></p>
					</div>
					</td> 
				</tr> 
		</table>
		</div>
	</body>
</fmt:bundle>
</html>